<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmRegistroPerfil" onkeypress="if (event.keyCode == 13) return false;">
        <p:panel id="panelPerfil" >
            <table style="border-spacing: 5px;width: 100%" >
                <tbody>
                    <tr>
                        <td style="width: 140px;"><h:outputLabel value="Nid Perfil :" /></td>
                        <td style="width: 250px;">
                            <p:inputText  value="#{perfilController.bean.id}" style="width: 100px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="Modulo :" /></td>
                        <td>
                            <p:inputText value="#{perfilController.bean.nidModulo.txtModulo}" style="width: 400px;" readonly="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="Conexión :" /></td>
                        <td>
                            <p:inputText id="txtConexionPerfil" value="#{perfilController.selectedConexion.txtConexion}" style="width: 300px;" readonly="true" styleClass="disabled">
                            </p:inputText>
                            <p:commandButton icon="ui-icon-search" 
                                             actionListener="#{perfilController.limpiarBusquedaConexion}"
                                             update=":frmListarConexion:txtBusConexion,:frmListarConexion:grdListadoConexion" 
                                             oncomplete="buscaConexion.show()" process="@this">
                            </p:commandButton>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="Perfil :" /></td>
                        <td>
                            <p:inputText value="#{perfilController.bean.txtPerfil}" style="width: 400px;" >
                            </p:inputText>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="Tipo de Usuario" /></td>
                        <td>
                            <p:selectOneMenu  style="width: 150px;" value="#{perfilController.bean.tipUsuario}"
                                              disabled="#{perfilController.bean.nidModulo.id == '0'}">
                                <f:selectItem itemValue="-1" itemLabel="Seleccione"></f:selectItem>
                                <f:selectItems value="#{perfilController.lstTipoUsuario}" var="tipousuario" 
                                               itemValue="#{tipousuario.txtValor}" 
                                               itemLabel="#{tipousuario.txtParametro}"/>
                            </p:selectOneMenu>                        
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <p:selectBooleanCheckbox value="#{perfilController.BEsBase}" itemLabel="Perfil Base" style="font-size: 11pt;font-weight: bold;">
                            </p:selectBooleanCheckbox>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <p:selectBooleanCheckbox value="#{perfilController.BActivo}" itemLabel="Activo" disabled="#{perfilController.esNuevo}">
                                <p:ajax update="panelPerfil" listener="#{perfilController.muestraObservacion}"/> 
                            </p:selectBooleanCheckbox>
                        </td>
                    </tr>
                    <tr>
                        <td><h:outputLabel value="Observación :" rendered="#{opcionController.BMuestraObs}"/></td>
                        <td>
                            <p:inputTextarea id="obsPerfil" counter="counter" maxlength="250" counterTemplate="{0} caracteres disponibles." 
                                     style="overflow-y:auto;width: 400px;height: 50px;font-size: 11px;"
                                     rendered="#{perfilController.BMuestraObs}" value="#{perfilController.bean.txtObservacion}"/> 
                            <br/>
                            <h:outputText id="counter" />  
                        </td>
                    </tr>
                </tbody>   
                <tfoot>
                    <tr>
                        <td colspan="2">
                            <p:toolbar style="padding: 3px;">
                                <p:toolbarGroup align="right">
                                    <p:commandButton style="margin-right: 40px;" value="Grabar" icon="ui-icon-disk" process=":frmRegistroPerfil"
                                                      actionListener="#{perfilController.savePerfil}" update=":frmGestionarPerfiles:msjFiltro"/>
                                    <p:commandButton value="Cerrar" icon="ui-icon-close" process="@this" oncomplete="wDetalleModuloPerfil.hide()"/>
                                </p:toolbarGroup>
                            </p:toolbar>
                        </td>
                    </tr>
                </tfoot>
            </table>  
        </p:panel>
    </h:form>
</ui:composition>